<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="th">
<meta name="viewport" content="width=1090" />
<title>Elderly Society</title>

<!-- CSS Framework -->
<link rel="stylesheet" href=<?php echo base_url()."css/screen.css"?> type="text/css" media="screen, projection">
<link rel='stylesheet' type='text/css' href=<?php echo base_url()."css/fullcalendar.css"?> />
<link rel='stylesheet' type='text/css' href=<?php echo base_url()."css/fullcalendar.print.css'"?> media='print' />
<link rel="stylesheet" href="<?php echo base_url();?>css/jquery-ui-1.8.14.custom.css" type="text/css" media="screen, projection">
<script src=<?php echo base_url()."js/jquery-1.6.min.js"?> type="text/javascript" charset="utf-8"></script>
<script src=<?php echo base_url()."js/jquery.periodicalupdater.js"?> type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src=<?php echo base_url()."js/cal.js"?>></script>
<script src="<?php echo base_url();?>js/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>js/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function (){
		$('#startdate').datepicker({
			dateFormat: 'yy-mm-dd',
			changeMonth: true,
		});
		$('#enddate').datepicker({
			dateFormat: 'yy-mm-dd',
			changeMonth: true,
		});
		
		$('#starttime').timepicker({});
		$('#endtime').timepicker({});
		
	});

</script>
</head>
<body>
	<!-- Header Section -->
	<header class="container">
		<div class="span-6">
			<!-- LOGO -->
			<div id="logo">
				<a><img />LOGO</a>
			</div>
		</div>
		
		<div class="prepend-7 span-11 last">
			<!-- 3 Section (SOCIAL, HEALTH, IT TIPS) -->
			<nav id="main-nav">
				<ul>
					<li class="main-nav">SOCIAL</li>
					<li class="main-nav">HEALTH</li>
					<li class="main-nav">IT TIPS</li>
				</ul>
			</nav>
		</div>	
	</header>
	
	<!-- Main Section -->
	<div id="main-section" class="container ">
		<!-- Navigation Button -->
		<div  class="span-4">
			<nav id="nav">
				<ul>
					<li><a href="<?php echo base_url(); ?>index.php/cal/event_form">Add Event</a></li>
					<li>Friends</li>
					<li>Profile</li>
				</ul>
			</nav>
		</div>
			
		<!-- Main Content -->
		<div class="span-20 last">
			<div id="content">
				<form id="event" method="post" action="<?php echo base_url(); ?>index.php/cal/add_appointment">
					Doctor Appointment <br/>
					Start Date: <input type="text" id="startdate" name="startdate"/><br/>
					Start Time: <input type="text" id="starttime" name="starttime"/><br/>
					End Date: <input type="text" id="enddate" name="enddate"/><br/>
					End Time: <input type="text" id="endtime" name="endtime"/><br/>
					Place : <input type="text" id="place" name="place"/><br/>
					<input type="submit" name="submit" value="Create" />
				</form>
			</div>
		</div>
	</div>
	
	<!-- Helper -->
	<div id="sight-helper">
		This is the sight helper
	</div>
</body>
</html>

